<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<meta name = "format-detection" content = "telephone=no"/>
		<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width;" />
		<title>Rocca Store</title>
        <script src="js/jquery.min.js" type="text/javascript"></script>
		<script type="text/javascript" src="cordova-2.1.0.js"></script>
        <script src="js/app.js" type="text/javascript"></script>
		<script src="js/index.js" type="text/javascript"></script>
		<link href="css/reset.css" rel="stylesheet" type="text/css" />
		<link href="css/mobile.css" rel="stylesheet" type="text/css" />

		<script type="text/javascript">  
		$().ready(function(){
			$('.uploading').center();
			$(window).resize(function(){ //re-center modal on window resize :)
				$('.uploading').center();
			});
		});
		</script>
	</head>
<body>

<header>
	
<nav class="left">
<a href="index.html" class="active">Upload</a>
</nav>

<nav class="right">
<a href="history.html">History</a>
</nav>


<a href="http://store.rocca.cc/" class="logo" target="_blank"><img src="img/logo.png" alt="Rocca Store logo" /></a>

</div>
	
</header>

<div id="content">
	<h1>Upload &amp; Send Files</h1>
	<div class="upload-options">
	<button class="btn-upload">Select File</button>
	<button class="btn-photo">Take Photo</button>
	</div> <!-- /upload-options -->
	<div class="uploading-box">
		<div class="uploading">
			<h1>Uploading........</h1>
			<div class="progress-bar"><div></div></div>
		</div> <!-- /uploading -->
	</div> <!-- /uploading-box -->
</div> <!-- /content -->
<div id="footer">
&copy; 2012 Rocca Store
</div> <!-- /footer -->
<div id="fb-root"></div>
<script type="text/javascript">
    app.initialize();
</script>
</body>
</html>